Kamis, 25 November 2010

Validasi Input Text Secara Masal Dengan JQUERY VALIDATOR

<script type="text/JavaScript" src="js/jquery.validate.js"></script>
............

<script type="text/javascript">
jQuery.validator.addMethod(
      "nilai",
      function(value, element) {
        if (element.value == "" || isNaN(parseFloat(element.value)))
        {
          return false;
        }
        else return true;
      },
      " "
);

jQuery.validator.addClassRules("nilaisekolah", {
  nilai: true,
  messages:{
      nilai:"masukan nilai"
  }
});
$(document).ready(function()
{
  $("#pendaftaran").validate();
});
</script>

<form method="post" name="pendaftaran" id="pendaftaran">
<table><tr>
<td><input class=\"nilaisekolah\" name=\"".$kodemat."2\" type=\"text\" id=\"".$kodemat."2\" size=\"6\" maxlength=\"5\" /></td>
          <td><input class=\"nilaisekolah\" name=\"".$kodemat."3\" type=\"text\" id=\"".$kodemat."3\" size=\"6\" maxlength=\"5\" /></td>
          <td><input class=\"nilaisekolah\" name=\"".$kodemat."4\" type=\"text\" id=\"".$kodemat."4\" size=\"6\" maxlength=\"5\" /></td>
          <td><input class=\"nilaisekolah\" name=\"".$kodemat."5\" type=\"text\" id=\"".$kodemat."5\" size=\"6\" maxlength=\"5\" /></td>
          <td><input class=\"nilaisekolah\" name=\"".$kodemat."6\" type=\"text\" id=\"".$kodemat."6\" size=\"6\" maxlength=\"5\" /></td>
          <td><input class=\"nilaisekolah\" name=\"".$kodemat."_nas\" type=\"text\" id=\"".$kodemat."_nas\" size=\"6\" maxlength=\"5\" /></td>
</tr><table>
</form>

Tidak ada komentar:

Posting Komentar