Jquery mehrere Plugins auf gleiche Form

Question

Kann jemand Blick auf diesen Code. Ich bin mit zwei Plugins in Form. Eine zu validieren Formularfelder und andere Stil Formularfelder.

Formularvalidierung validates bilden, wenn ich Kommentar bin aus Form Styling-Code. ( 'Ul.'. // $ () jqf1 ();) Ich möchte beide Plugins arbeiten zusammen.

<link href="css/jqf1.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqf1.english.js"></script>
<script src="js/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('.ul').jqf1();
$("#priceform").validate({
      rules: {
    email: {
      email: true,
      required: false
    },
    wordcount: {
     required: true,
     number: true
    },
    prating: {
    number: true
    }
  }
});});
</script>


<form action="" method="post" id="priceform">

<ul class="ul">
    <li><label for="Name">Name:</label></li><br/>
    <li><input type="text" id="name" size="20" name="name" maxlength="100" style="width:250px;" /></li>
</ul>

<ul class="ul">
    <li><label for="Email">Email:</label></li><br/>
    <li><input type="text" id="email" size="20" name="email" class="required" maxlength="20" style="width:250px;"/></li>
</ul>

<ul class="ul">
    <li><label for="username">UserName: <span class="optional">(Optional)</span></label></li><br/>
    <li><input type="text" id="username" size="20" name="username" maxlength="20" style="width:250px;"/></li>
</ul>

<ul class="ul">
    <li><label for="wordcount">Paper Word Count:</label><br/><a href="#">Calculate Word Count</a></li>
    <li style="padding-left:12px;"><input type="text" id="wordcount" size="20" name="wordcount" maxlength="20" style="width:50px;"/><span class="cumpolsory">*</span></li>
    <li style="color:green"><label id="totalPrice">$1000</label></li>   
    <li><label style="font-weight: 500; font-size:10px; color: gray;" for="totalprice">(Total Price)</label></li>
</ul>

<ul class="ul">
    <li><label>Plagiarism Rating:</label><br/><a href="#">Free Assessment</a></li>
    <li style="padding-left:15px;"><input type="text" id="prating" size="20" name="prating" maxlength="20" style="width:50px;"/><label>%</label></li>
</ul>

<ul class="ul" style="border-bottom:none;">
    <li><input type="Submit" id="name" size="20" name="name" value="Reset" maxlength="20" style="font-weight:700" /></li>
    <li style="float:right;"><input type="Submit" id="name" size="20" name="name" value="Place Order" maxlength="20" style="font-weight:700" /></li>
</ul>
</form>

Answer 1

Diese URL (http://www.webreference.com/programming/javascript/jquery/form_validation/) ist die Referenz für Sie.

Sie können versuchen, diese zu setzen, um zu sehen, wie es auf der Seite reagiert.

Answer 2

Haben Sie "label.error" CSS-Code in Ihrer CSS-Datei hinzufügen, um den Fehlercode zu zeigen?

Answer 3

versuchen: 1. Um den Styling Anruf bewegt nach der Validierung.

oder

1. eine Aktion erzwingen, wie eine Warnung nach dem Styling, um sicherzustellen, dass Skript nicht leise ausbomben hat, bevor die Validierung Zuordnung erfolgt.